/*日历*/
span.pre{border-left: 3px solid #FFFFFF;border-top: 3px solid #FFFFFF;cursor: pointer;margin-top:6px;display: block;height: 14px;transform: rotate(-45deg);
-moz-transform:rotate(-45deg);
-o-transform: rotate(-45deg);
-webkit-transform:rotate(-45deg);width: 14px;float:right; margin-right:25%;}
span.next{border-left: 3px solid #FFFFFF;border-top: 3px solid #FFFFFF;cursor: pointer;margin-top:6px;display: block;height: 14px;transform: rotate(135deg);
-moz-transform:rotate(135deg);
-o-transform: rotate(135deg);
-webkit-transform:rotate(135deg);width: 14px; margin-left:25%;}

.choosecal{ width:96%; margin:3% auto; overflow:hidden;}
.ccaltop{ width:99%; border-radius:5px; border:1px solid #000;}
.caltline1,.caltline2{ width:94%; background-color:#F90; overflow:hidden; padding:2% 3%;}
.caltline1 p,.caltline2 p{ float:left; width:10%; font-weight:700; text-align:right;}
.caltline1 .bookdate{ width:90%; text-align:left;}
.caltline2{ background-color:#FFF; display:none;}
.caltline2 p{ width:20%;}
.caltline2 .datetext{ width:35%; border:1px solid #000; background-color:#FFF; font-weight:700;}
.calender{ width:100%; margin-top:3%; overflow:hidden;  position:absolute; z-index:999999; background:#FFFFFF;}
.selectmouth{ background-color:#3CAFDC; width:94%; overflow:hidden;padding:2% 3%;border-radius:5px 5px 0 0;}
.selectmouth p{ float:left; width:33%; color:#FFF; font-weight:700; cursor:pointer;}
.selectmouth .selectdate{ width:100%;background-color:#3CAFDC;  border:none; color:#FFF; font-weight:700; text-align:center;}
.data_table{ width:100%;border:1px solid #cccccc;border-collapse:collapse; }
.data_table thead{ background-color:#333;}
.data_table thead td{ color:#FFF; text-align:center;border:1px solid #333;border-collapse:collapse; padding:1% 0;}
.data_table tbody td{border:1px solid #cccccc;border-collapse:collapse; text-align:center;color:#000; cursor:pointer;padding:1% 0;}
.data_table tbody td.orderdate{ color:#ccc;}
.data_table tbody td.tdselect{ color:#fff;background-color:#999;}
#calendarYear,#calendarMonth{ opacity:100;background:#fafdfe;  
    line-height:28px;  
    border:1px solid #9bc0dd;  
    -moz-border-radius:2px;  
    -webkit-border-radius:2px;  
    border-radius:2px;  }
     .fotter-index{
  background-color: #fff;
  border-top: 1px solid #c2c2c2;
  text-align: center; padding-top:5px;
  overflow: hidden;position: fixed;width: 100%;bottom: 0;
  max-width:840px;
     }
 .fotter-index a{ width:25%;
  float: left;
  font-size:14px; color:#333;text-decoration: none;}

.fotter-index span{ display: block; line-height:20px;}
.fotter-index span.color-l{color:#2eafff;}  
.fotter-index i{ background-image: url(../../Image/home/wap_index_icon.png); 
    background-repeat: no-repeat;
    display: inline-block;
    font-style: normal;
    height:30px;
    vertical-align: top;
    width:30px;}
.fotter-index .i-s{ background-position:-132px -95px;}
.fotter-index .i-x{ background-position:-190px -95px;}
.fotter-index .i-d{ background-position:-250px -95px;}
.fotter-index .i-w{ background-position:-307px -95px;}

.fotter-index .i-s.active{ background-position:-132px -127px;}
.fotter-index .i-x.active{ background-position:-190px -127px;}
.fotter-index .i-d.active{ background-position:-250px -127px;}
.fotter-index .i-w.active{ background-position:-307px -127px;}



